<template>
  <div>
    <van-nav-bar title="分类" left-arrow @click-left='$router.back()'>
      <template #right>
        <van-icon name="ellipsis" />
      </template>
    </van-nav-bar>
    <van-sidebar v-model="active">
      <van-sidebar-item title="推荐" />
      <van-sidebar-item title="食品" />
      <van-sidebar-item title="女装" />
      <van-sidebar-item title="鞋包" />
      <van-sidebar-item title="百货" />
      <van-sidebar-item title="运动" />
      <van-sidebar-item title="健康" />
      <van-sidebar-item title="数码" />
      <van-sidebar-item title="男装" />
      <van-sidebar-item title="美妆" />
    </van-sidebar>
  </div>
</template>

<script setup>
import { ref } from 'vue';

let active = ref(0);
</script>

<style lang="scss" scoped>

</style>